<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>

    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
</head>

<body data-spy="scroll" style="background: url('../img/bg.png') repeat-x;">
    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <!--导航开始-->
            <div class="navbar navbar-fixed-top" onload="initlanguage();" style="backgroud : url('../../images/bg.png') repeat;height:60px">
                <div class="navbar-inner" style="backgroud-color:#777777;opacity:1;height:60px">
                    <!-- <div class="container">-->
                    <div class="lrstyle" style="height:60px;">
                        <a class="brand pull-left" href="http://www.zendai.com" target="_blank">
                            <img src="../../images/zendai.png">
                        </a>
                        <a class="brand pull-left" style="padding:0;margin-left:0px;margin-top:14px;" href="/">
                            <img src="../../images/log-mdf.png">
                        </a>
                        <a class="brand pull-left" href="../../guihua.html" target="_blank" style="padding:0;margin-left:5px;margin-top:16px;height:60px">
                            <img src="../../images/emap.png">
                        </a>
                        <ul id="nav-list2" class="nav" style="height:60px; float:right">
                            <li>
                                <a href="../../guihua.html">
                                    <img src='../../images/index/emap.png'>
                                </a>
                            </li>
                            <li>
                                <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                                    <img src='../../images/index/english.png'>
                                </a>
                            </li>
                        </ul>
                        <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                            <li>
                                <a href="main/subpage/newqwbj.html" id="menu_qwbj">
                                    <img src='images/index/区域背景.png'>
                                </a>
                            </li>
                            <li>
                                <a href="main/subpage/newghdw.html" id="menu_ghdw">
                                    <img src='images/index/规划定位.png'>
                                </a>
                            </li>
                            <li>
                                <a href="main/subpage/newghln.html" id="menu_ghln">
                                    <img src='images/index/规划理念.png'>
                                </a>
                            </li>
                            <li>
                                <a href="main/subpage/newcygh.html" id="menu_cygh">
                                    <img src='images/index/产业规划.png'>
                                </a>
                            </li>
                            <li>
                                <a href="main/subpage/newcssj.html" id="menu_cssj">
                                    <img src='images/index/城市设计.png'>
                                </a>
                            </li>
                        </ul>

                    </div>

                    <!-- </div> -->
                </div>
            </div>
            <!--导航结束-->
        </div>
    </div>

    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid">
            <!-- APP DETAILS -->
            <div class="span12" style="margin-top:0px;">
                <!-- APP NAME -->
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
            </div>
            <br>
            <br>
            <table>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <a id="tyzxshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/体育中心1.jpg" style="width:221px;height:194px">
                                            <div id="main_tyzx" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                                <td>
                                    <a id="gjjrqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/国际金融贸易中心2.jpg" style="width:221px;height:194px">
                                            <div id="main_gjjrq" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a id="lsfmqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/历史风貌保护和文化创意园区1.jpg" style="width:221px;height:194px">
                                            <div id="main_lsfmq" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                                <td>
                                    <a id="fzwhqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/非洲文化主题的文化和旅游中心1.jpg" style="width:221px;height:194px">
                                            <div id="main_fzwhq" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <a id="yscyshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/银色产业和养老社区1.jpg" style="width:332px;height:125px">
                                            <div id="main_yscy" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                                <td>
                                    <a id="gyyqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/工业园区1.jpg" style="width:175px;height:126px ">
                                            <div id="main_gyyq" class="divbackground">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a id="gjjzqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative;">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/国际住区社区1.jpg " style="width:332px;height:125px">
                                            <div id="main_gjjzq" class="divbackground ">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                                <td>
                                    <a id="stbhqshowDetail" href="#" rel="gallery" class="thumbnail">
                                        <div style="position:relative; ">
                                            <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/生态保护区2.jpg " style="width:175px;height:126px">
                                            <div id="main_stbhq" class="divbackground ">

                                            </div>
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2 ">
                                    <table>
                                        <tr>
                                            <td>
                                                <a id="jyzxshowDetail" href="#" rel="gallery" class="thumbnail">
                                                    <div style="position:relative;">
                                                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/教育培训中心1.jpg" style="width:173px;height:120px;">
                                                        <div id="main_jyzx" class="divbackground">
                                                        </div>
                                                    </div>
                                                </a>
                                            </td>
                                            <td>
                                                <a id="gjhzqshowDetail" href="#" rel="gallery" class="thumbnail">
                                                    <div style="position:relative;">
                                                        <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/cygh/国际会展中心区1.jpg " style="width:332px;height:125px">
                                                        <div id="main_gjhzq" class="divbackground">

                                                        </div>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="idBoxgjjrq" style="display:none;width:900px;height:500px;position:absolute;top:40px; ">
        <iframe id="iframegjjrq" src="gjjrq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gjjrqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxgyyq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegyyq" src="gyyq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gyyqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxgjhzq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegjhzq " src="gjhzq-div.html" style="width:100%;height:100%;border:0; "></iframe>
        <div id="gjhzqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxfzwhq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframefzwhq" src="fzwhq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="fzwhqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxjyzx" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframejyzx" src="jyzx-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="jyzxDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxtyzx" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframetyzx" src="tyzx-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="tyzxDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxgjjzq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegjjzq" src="gjjzq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gjjzqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxyscy" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframeyscy" src="yscy-div.html" style="width:100%;height:100%;border:0; "></iframe>
        <div id="yscyDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxlsfmq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframelsfmq" src="lsfmq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="lsfmqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxstbhq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframestbhq" src="stbhq-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stbhqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <br>
    <br>
    <!-- FOOTER -->
    <div class="footer container container-fluid ">
        <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div>
    </div>

    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a href="zengjia1.html;">区域背景 |</a>
                        </li>
                        <li>规划理念 |</li>
                        <li>产业规划 |</li>
                        <li>城市设计 |</li>
                        <li>eMap</li>


                    </ul>
                </div>
                <div class="col-sm-7 touch ">
                    <ul>
                        <li>
                            Copyright 2014 MODDERFONTEIN All Rights Reserved 京ICP备13007785号
                        </li>
                    </ul>
                </div>
            </div>

        </div>
</body>

<script type="text/javascript">
// var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
// initpage(pagelanguage);
(function() {
    var abgjjrq = new AlertBox("idBoxgjjrq"),
        lock = true,
        center = true;
    var abgyyq = new AlertBox("idBoxgyyq"),
        lock = true,
        center = true;
    var abgjhzq = new AlertBox("idBoxgjhzq"),
        lock = true,
        center = true;
    var abfzwhq = new AlertBox("idBoxfzwhq"),
        lock = true,
        center = true;
    var abjyzx = new AlertBox("idBoxjyzx"),
        lock = true,
        center = true;
    var abtyzx = new AlertBox("idBoxtyzx"),
        lock = true,
        center = true;
    var abgjjzq = new AlertBox("idBoxgjjzq"),
        lock = true,
        center = true;
    var abyscy = new AlertBox("idBoxyscy"),
        lock = true,
        center = true;
    var ablsfmq = new AlertBox("idBoxlsfmq"),
        lock = true,
        center = true;
    var abstbhq = new AlertBox("idBoxstbhq"),
        lock = true,
        center = true;
    $$("stbhqshowDetail").onclick = function() {
        abstbhq.center = true;
        abstbhq.show();
    }
    $$("stbhqDetailcolse").onclick = function() {
        abstbhq.close();
    }
    $$("lsfmqshowDetail").onclick = function() {
        ablsfmq.center = true;
        ablsfmq.show();
    }
    $$("lsfmqDetailcolse").onclick = function() {
        ablsfmq.close();
    }
    $$("yscyshowDetail").onclick = function() {
        abyscy.center = true;
        abyscy.show();
    }
    $$("yscyDetailcolse").onclick = function() {
        abyscy.close();
    }
    $$("gjjzqshowDetail").onclick = function() {
        abgjjzq.center = true;
        abgjjzq.show();
    }
    $$("gjjzqDetailcolse").onclick = function() {
        abgjjzq.close();
    }
    $$("tyzxshowDetail").onclick = function() {
        abtyzx.center = true;
        abtyzx.show();
    }
    $$("tyzxDetailcolse").onclick = function() {
        abtyzx.close();
    }
    $$("jyzxshowDetail").onclick = function() {
        abjyzx.center = true;
        abjyzx.show();
    }
    $$("jyzxDetailcolse").onclick = function() {
        abjyzx.close();
    }
    $$("fzwhqshowDetail").onclick = function() {
        abfzwhq.center = true;
        abfzwhq.show();
    }
    $$("fzwhqDetailcolse").onclick = function() {
        abfzwhq.close();
    }
    $$("gjhzqshowDetail").onclick = function() {
        abgjhzq.center = true;
        abgjhzq.show();
    }
    $$("gjhzqDetailcolse").onclick = function() {
        abgjhzq.close();
    }
    $$("gyyqshowDetail").onclick = function() {
        abgyyq.center = true;
        abgyyq.show();
    }
    $$("gyyqDetailcolse").onclick = function() {
        abgyyq.close();
    }
    $$("gjjrqshowDetail").onclick = function() {
        abgjjrq.center = true;
        abgjjrq.show();
    }
    $$("gjjrqDetailcolse").onclick = function() {
        abgjjrq.close();
    }
})()

function setllanguage(pagelanguage) {
    var main_gjjrq, main_gyyq, main_gjhzq, main_fzwhq, main_jyzx, main_tyzx, main_gjjzq, main_yscy, main_lsfmq, main_stbhq;
    if (pagelanguage == "en") {
        main_title = "<h2>Industry</h2>";
        main_gjjrq = "DISTRICT FOR INTERNATIONAL ...";
        main_gyyq = "LIGHT INDUSTRY PARK";
        main_gjhzq = "DISTRICT FOR INTERNATIONAL CONFERENCE ...";
        main_fzwhq = "AFRICAN THEMATIC PARK FOR ...";
        main_jyzx = "EDUCATION AND TRAINING ...";
        main_tyzx = "GYMNASIUM";
        main_gjjzq = "INTERNATIONAL RESIDENTIAL COMMUNITY";
        main_yscy = "SILVER INDUSTRY AND COMMUNITY FOR THE AGED";
        main_lsfmq = "HISTORIC PRESEVATION AND ...";
        main_stbhq = "ECO RESERVE PARK";
    } else {
        main_title = "<h2>产业规划</h2>";
        main_gjjrq = "国际金融贸易中心区";
        main_gyyq = "工业园区";
        main_gjhzq = "国际会展中心区";
        main_fzwhq = "非洲文化主题的文化和旅游中心";
        main_jyzx = "教育培训中心";
        main_tyzx = "体育中心";
        main_gjjzq = "国际居住社区";
        main_yscy = "银色产业和养老社区";
        main_lsfmq = "历史风貌保护和文化创意园区";
        main_stbhq = "生态保护区";
    }
    $("#main_title").html(main_title);
    $("#main_gjjrq").html(main_gjjrq);
    $("#main_gyyq").html(main_gyyq);
    $("#main_gjhzq").html(main_gjhzq);
    $("#main_fzwhq").html(main_fzwhq);
    $("#main_jyzx").html(main_jyzx);
    $("#main_tyzx").html(main_tyzx);
    $("#main_gjjzq").html(main_gjjzq);
    $("#main_yscy").html(main_yscy);
    $("#main_lsfmq").html(main_lsfmq);
    $("#main_stbhq").html(main_stbhq);
};

function changelanguage11(pagelanguage) {
    if (pagelanguage == "en") {
        $("a#planguage>img").attr('src', '/images/index/中文.png');
        $("a#menu_qwbj>img").attr('src', '/images/index/context.png');
        $("a#menu_ghdw>img").attr('src', '/images/index/positioning.png');
        $("a#menu_ghln>img").attr('src', '/images/index/concept.png');
        $("a#menu_cygh>img").attr('src', '/images/index/industry1.png');
        $("a#menu_cssj>img").attr('src', '/images/index/design.png')
    } else {
        $("a#planguage>img").attr('src', '/images/index/english.png');
        $("a#menu_qwbj>img").attr('src', '/images/index/区域背景.png');
        $("a#menu_ghdw>img").attr('src', '/images/index/规划定位.png');
        $("a#menu_ghln>img").attr('src', '/images/index/规划理念.png');
        $("a#menu_cygh>img").attr('src', '/images/index/产业规划1.png');
        $("a#menu_cssj>img").attr('src', '/images/index/城市设计.png')
    }
    chagelinkhref(pagelanguage);
}
</script>

</html>
